@charset "UTF-8";
.mj-radio-box {
  cursor: pointer;
  margin-right: 8px;
  box-sizing: border-box;
  white-space:nowrap;
}

.mj-radio-box input, .mj-radio-box span {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
}

.mj-radio-box input {
  display: none;
}

.mj-radio-box .mj-radio-inner {
  border: 1px solid #dcdee2;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  position: relative;
  margin-right: 3px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.mj-radio-box .mj-radio-inner:after {
  content: " ";
  opacity: 0;
  background-color: var(--primary);
  border: 0;
  height: 6px;
  left: 3px;
  top: 3px;
  width: 6px;
  border-radius: 50%;
  position: absolute;
  transition: all .3s ease;
  transform: scale(0);
}

.mj-radio-box input:checked + .mj-radio-inner {
  border-color: var(--primary);
}

.mj-radio-box input:checked + .mj-radio-inner:after {
  opacity: 1;
  transform: scale(1);
}

.mj-radio-box.disabled {color:#ccc;}
.mj-radio-box input:disabled + .mj-radio-inner {
  border-color: #ccc;
  background: #f3f3f3;
  cursor: not-allowed;
}

.mj-radio-box input:disabled + .mj-radio-inner:after {
  background: #ccc;
}

.mj-radio-group {
  display: inline-block;
  vertical-align: middle;
  font-size:0;
}

/*group style === buton*/
.mj-radio-group-button {background: #fff;vertical-align: middle;font-size:0;}
.mj-radio-group-button .mj-radio-box {display:inline-block;margin:0;height:32px;line-height: 30px;border:1px solid #dcdee2;padding:0 15px;font-size:14px;}
.mj-radio-group-button .mj-radio-box:not(:first-child) {border-left:none;}
.mj-radio-group-button .mj-radio-box:first-child {border-radius:3px 0 0 3px;}
.mj-radio-group-button .mj-radio-box:last-child {border-radius:0 3px 3px 0;}
.mj-radio-group-button .mj-radio-box.checked {background:var(--primary);border-color:var(--primary);color:#fff;}
.mj-radio-group-button .mj-radio-inner {display:none;}
.mj-radio-group-button span {vertical-align:top;}
.mj-radio-group-button .mj-radio-box.disabled {background:#f7f7f7;color:#ccc;}
.mj-radio-group-button .mj-radio-box.disabled.checked{background-color: #e6e6e6;border-color: #dcdee2;}

/*group style === buton-space*/
.mj-radio-group-button-space {background: #fff;vertical-align: middle;font-size:0;}
.mj-radio-group-button-space .mj-radio-box {display:inline-block;margin:5px;height:32px;line-height: 30px;border:1px solid #dcdee2;padding:0 15px;font-size:14px;border-radius:3px;}
.mj-radio-group-button-space .mj-radio-box.checked {background:var(--primary);border-color:var(--primary);color:#fff;}
.mj-radio-group-button-space .mj-radio-inner {display:none;}
.mj-radio-group-button-space span {vertical-align:top;}
.mj-radio-group-button-space .mj-radio-box.disabled {background:#f7f7f7;color:#ccc;}

/*group style === border*/
.mj-radio-group-border {background: #fff;vertical-align: middle;font-size:0;}
.mj-radio-group-border .mj-radio-box {display:inline-block;margin:0;height:32px;line-height: 30px;border:1px solid #dcdee2;padding:0 15px;font-size:14px;}
.mj-radio-group-border .mj-radio-box:not(:first-child) {border-left:none;}
.mj-radio-group-border .mj-radio-box:first-child {border-radius:3px 0 0 3px;}
.mj-radio-group-border .mj-radio-box:last-child {border-radius:0 3px 3px 0;}
.mj-radio-group-border .mj-radio-box.checked {border-color:var(--primary);color:var(--primary);border-left:solid;border-left-width:1px;}
.mj-radio-group-border .mj-radio-box.checked:not(:first-child) {margin-left:-1px;}
.mj-radio-group-border .mj-radio-inner {display:none;}
.mj-radio-group-border span {vertical-align:top;}
.mj-radio-group-border .mj-radio-box.disabled {background:#f7f7f7;color:#ccc;}

/*group style === border-space*/
.mj-radio-group-border-space {background: #fff;vertical-align: middle;font-size:0;}
.mj-radio-group-border-space .mj-radio-box {display:inline-block;margin:5px;height:32px;line-height: 30px;border:1px solid #dcdee2;padding:0 15px;font-size:14px;border-radius:3px;}
.mj-radio-group-border-space .mj-radio-box.checked {border-color:var(--primary);color:var(--primary);border-left:solid;border-left-width:1px;}
.mj-radio-group-border-space .mj-radio-inner {display:none;}
.mj-radio-group-border-space span {vertical-align:top;}
.mj-radio-group-border-space .mj-radio-box.disabled {background:#f7f7f7;color:#ccc;}

/*size*/
.mj-radio-group-large .mj-radio-box {height:40px;line-height:38px;font-size: 16px;}
.mj-radio-group-small .mj-radio-box {height:24px;line-height:22px;font-size: 12px;padding:0 10px;}